<template>
  <el-container>
    <el-main class="container">
        <aboutUs-sideMenu></aboutUs-sideMenu>
        <div class="content">
          <transition name="move" mode="out-in">
            <!--这里的router-view用来渲染子页面-->
            <router-view></router-view>
          </transition>
        </div>
    </el-main>
    <foot-view></foot-view>
  </el-container>
</template>

<script>
    import aboutUsSideMenu from '../sideMenu/aboutUsSideMenu'
    export default {
        name: "AboutUs",
        data(){
          return{

          }
        },
        components:{
          aboutUsSideMenu
        }
    }
</script>

<style scoped lang="scss">
.el-container{
  width: 100%;
  background-color: #f4f4f4;
  display: flex;
  flex-direction: column;
  min-width: 120rem;
  .container{
    width: 100rem;
    background-color: #ffffff;
    margin: 2rem auto 0;
    padding: 0;
  }
}
</style>
